<template>
  <view class="serve-btn" hover-class="hover-active" @click="toServe">
    <image src='@/static/common/xf-serve.png' mode="scaleToFill" style="width: 120rpx; height: 120rpx;" />
  </view>
</template>

<script setup>
import { urlConf } from "@/config/resource";

import useStore from "@/store";
const { common } = useStore();
const toServe = () => {
  common.updatePopupOpen(true, "serve");
};
const curImgUrl = urlConf + "common";
</script>

<style lang=scss scoped>
.serve-btn {
  position: fixed;
  width: 120rpx;
  height: 120rpx;
  right: 20rpx;
  bottom: 20%;
  border-radius: 100rpx;
  box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
}
</style>
